﻿/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com 
sanshui编写
*/

/*全局样式*/
@CHARSET "UTF-8";
body{color:#666;background: #fff;font:14px/1.5 Verdana,'Microsoft yahei',Tahoma,Geneva,sans-serif;min-width:1100px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}

textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
ul,li{list-style-type:none;}
img{border:0 none;}
a:link, a:visited{color:#000000;;text-decoration: none;outline: none;}
a:hover{color:#581030;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.block {width:1200px; height:auto; clear:both;margin:0 auto;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fl { float:left;}
.fr { float:right;}

pre{overflow:auto;margin:0 0 1em 0;width:99%;font-size:12px;font-family:'Courier New',Monospace;
white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}


/*样式开始*/
.head{height:85px;/*background:url(../Images/top_bj.jpg) repeat-x;*/padding-top:20px;}
.tel{margin-top:15px;padding-left:57px;background:url(../Images/img3.png) left center no-repeat;color:#555;}
.tel .a{font:16px/24px "Microsoft Yahei";}
.tel .b{font:18px/30px "Impact";}


/*nav*/
.nav{position:relative;z-index:20;height:51px;background:#12706f;}
.nav_home{width:78px;background:url(../Images/img7.png) 20px center no-repeat;}
.nav_home a{display:block;width:78px;height:51px;overflow:hidden;text-indent:-9999px;}
.naver{float:left;width:170px;height:51px;text-align:center;}
.naver .a{position:relative;display:block;height:33px;padding-top:18px;font:16px/16px "Microsoft Yahei";color:#fff;}
.naver:hover .a{padding-top:18px;height:33px;background:#fff;color:#ffb809;background:url(../Images/1.png) bottom no-repeat;}
.naver .a_in{display:none;padding-top:4px;font:12px Arial;}
.naver:hover .a_in{display:block;}
.naver .b{display:none;height:39px;border-top:1px solid #ccc;font:14px/39px "Microsoft Yahei";color:#444;background:#f0f0f0;}
.naver:hover .b{display:block;}
.naver .b:hover{background:#d5d7d7;}

/*头部*/
/*.header{width:100%;background:#fff;}
.header .block img{padding-top:12px;padding-bottom:12px;float:left;}
.navBar{position: relative;z-index: 1;color: #333;width:670px;height: 94px;line-height: 94px;float:right;}
.nav{width: 670px;margin: 0 auto;font-family: "Microsoft YaHei",SimSun,SimHei;}
.nav h3{font-size: 100%;font-weight: normal;font-size: 14px;}
.nav .m{position: relative;float: left;width: 95px;line-height:94px;display: inline;text-align: center;background:url(../Images/fgf.png) no-repeat center right;}
.nav .m h3 i{display: inline-block;*display: inline;zoom: 1;width: 7px;height: 4px;background: url(../Images/icon.png) 0 -280px no-repeat;overflow: hidden;margin: -2px 0 0 5px;vertical-align: middle;filter: alpha(opacity=50);opacity: 0.5;}
.nav h3 a{height: 94px;line-height: 94px;display: block;color: #333;font-size:16px;}
.nav h3 a:hover{color: #c29440;}
.nav .on h3 a{background:url(../Images/fgf1.png) no-repeat bottom 15px center;}
.nav .on h3 a i{filter: alpha(opacity=100);opacity: 1;}
.nav .sub{display: none;width: 170px;position: absolute;left: -2px;top:94px;background: #2b2b2b;float: left;line-height: 30px;padding:10px 0;opacity:0.9;}
.nav .sub li{text-align: left;padding-left: 20px;}
.nav .sub li a{color: #fff;display: block;zoom: 1;}
.nav .sub li a:hover{color: red;}*/
/* 简体繁体 */
.jf{position:fixed;top:45%;right:0%;z-index:999;}

.jf span img{width:100%;}
.jf span a{display:block;width:60px;height:40px;text-align:center;line-height:40px;background:#3f3f3f;opacity:0.8;margin-bottom:1px;color:#f1f1f1;}
.jf span a:hover{opacity:1;color:#ffffff}

/* banner代码开始 */
.fullSlide{width:100%;position:relative;height:500px;}
.fullSlide1{width:100%;position:relative;height:417px;overflow:hidden;}
.fullSlide1 img{width:100%;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul li img{width:100%;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;border-radius:11px; margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.8;line-height:999px;}
.fullSlide .hd ul .on{background:#12706f;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../Images/slider-arrow.png) 0 0 #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-40px 0px;}

/* 主营产品 */

.main_about{width:100%;line-height:30px;text-align:center;font-size:16px;margin-top:20px;}

.main_product{width:100%;border-bottom:1px solid #e1e1e1;margin-top:20px;}
.main_product .block .img{width:180px;height:29px;padding-top:50px;margin-left:43%;}
.main_product .block h1{text-align:center;padding-top:18px;padding-bottom:18px;}
.main_product .block .main_fgf{width:155px;height:6px;position:absolute;z-index:999;top:759px;left:46%}
.main_product .block .main_fgf img{width:155px;height:6px;padding-top:0px;margin-left:0px;}
.block .main_pro{width:1300px;margin-top:55px;margin-bottom:75px;}
.block .main_pro ul li{width:350px;height:213px;float:left;margin-right:74px;}
.block .main_pro ul li img{width:100%;}
.block .main_pro ul li a{display:block;height:213px;}
.block .main_pro ul li div{width:350px;background:rgba(194,148,64,0.9);position:relative;top:-35px;}
.block .main_pro ul li div h3{text-align:center;line-height:36px;}
.block .main_pro ul li div h3 a{color:#ffffff;display:block;height:36px;}
.block .main_pro ul li div h3 a:hover{color:ffffff;}
/* 产品展示 */
.product_display_hd{width:100%;border-bottom:1px solid #dedede;}
.product_display_hd .block .product_arrow1{width:47px;height:47px;z-index:999;position:relative;top:-20px;left:48%;}
.product_display_hd .block .product_display_hd_img{height:25px;text-align:center;}
.product_display_hd .block h1{text-align:center;padding-top:10px;padding-bottom:0px;}
.product_display_hd .block h1 a{color:#333;}
.product_display_hd .block h1 a:hover{color:#581030;}
.product_display_hd .block .main_fgf{width:155px;height:6px;position:relative;z-index:999;top:3px;left:44%}
/* 产品展示body */
.product_display_bd{width:100%;}
.product_display_bd .block .product_display_show{width:1300px;}
.product_display_bd .block .product_display_show ul li{width:275px;height:240px;float:left;margin-right:54px;border:1px solid #dedede;margin-top:55px;margin-bottom:80px;}


.product_display_bd .block .product_display_show ul li p{color:#ffffff;text-align:center;line-height:45px;}
.product_display_bd .block .product_display_show ul li p a{color:#555;}
/* .product_display_bd .block .product_display_show ul li p a:hover{color:#581030;} */
.product_display_bd .block .product_display_show ul li:hover{background:#581030;}
.product_display_bd .block .product_arrow2{width:47px;height:47px;z-index:999;position:relative;top:-22px;left:48%;}


/*—————————————————————————————————————— about ————————————————————————————————*/

.banner_box{
	position: relative;
	width: 100%;margin-top:100px;
	padding: 30px 0;
	text-align: center;
	/*background-color: #555;*/
	background-image: url(../Images/about_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	color: #fff;
	z-index: 99;
}
.banner_box p{
	font-size: 16px;
	width: 1000px;
	margin: 20px auto;
	white-space: pre-line;
	line-height: 30px;
}
.banner_box p.title{letter-spacing: 4px;font-size: 32px;font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';position: relative;margin-bottom: 30px;}
.banner_box p.title:after{
	position: absolute;
	content: "";
	width: 30px;height: 3px;
	background-color: #fff;
	bottom: -12px;left: 50%;
	margin-left: -15px;
}

.banner_box span{
	display: block;
	margin:30px 0; 
}
.banner_box span a{
	display: inline-block;
	padding: 0 40px;
	border-radius: 4px;
	font-size: 16px;
	height: 40px;line-height: 40px;
	color: #fff;
	background-color: #12706f;
	transition: 0.3s;
}


/* 资讯动态 */
.news_hd{width:100%;border-bottom:1px solid #e1e1e1;background:#f5f5f5;}
.news_hd .block .img1{width:273px;height:32px;padding-top:75px;margin-left:38.5%;}
.news_hd .block h1{text-align:center;padding-top:16px;padding-bottom:0px;}
.news_hd .block .news_fgf{width:155px;height:6px;position:relative;z-index:999;top:3px;left:44%}

.news_hd .block .news_display_hd_img {
    height: 25px;
    text-align: center;
}

/* 资讯动态新闻列表 */
.news_bd{width:100%;background:#f5f5f5;}
.news_bd .block .new_list{width:1300px;padding-top:30px;padding-bottom:20px;}
.news_bd .block .new_list ul li{float:left;margin-right:90px;width:556px;margin-bottom:25px;}
.news_bd .block .new_list img{float:left;margin-right:10px;}
.news_bd .block .new_list h3{line-height:30px;}
.news_bd .block .new_list span{color:#afafaf;}
.news_bd .block .new_list p{padding-top:0px;padding-left:35px;}
.news_bd .block .new_list a:hover{color:#581030;}
/* 下面是底部的代码 */
.footer{width:100%;background:#12706f;clear:both;}
.footer .block .footer_left{width:1000px;float:left}
.footer .block .footer_left ul{float:left;}
.footer .block .footer_left ul li{width:65px;line-height:26px;float:left;margin-top:20px;}
.footer .block .footer_left ul li a{color:#eee;}
.footer .block .footer_left ul li a:hover{color:red;}
.footer .block .footer_left .footer_img{width:144px;float:left;margin-top:20px;}
.footer .block .footer_left .footer_img img{margin-left:20px;float:left;}
.footer .block .footer_left p{padding-top:15px;padding-bottom:30px;color:#eee;}
.footer .block .icon{width:41px;height:84px;float:right;margin-top:20px;}
.footer .block .icon img{margin-bottom:2px;opacity:0.8;}
.footer .block .icon img:hover{opacity:1;}
#ewm_show{width:100px;height:100px;position:absolute; z-index:999;display:none;margin-left:-100px;margin-TOP:-100px;}
#ewm_show img{width:100%;}
.main_content{width:1200px;padding-top:30px;padding-bottom:30px;}
.main_content table{border-top:1px solid #ccc;border-right:1px solid #ccc;}
.main_content td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;}


.pro_img{width:255px;height:182px;padding-top:10px;padding-left:10px;}
.pro_img img{width:100%}
h1 a:hover{color:#581030;}
.wx-ewm{width:100px;height:100px;position:absolute;z-index:999;margin-left: 150px;margin-top: -10px;display:none;}
.wx-ewm img{width:100%;padding-left:0;}

/*环境首选*/
.Alldiv{ position:absolute; right:0; top:30px; z-index:9;width:100px;text-align:center; height:30px; border-radius:50px;  }
.Alldiv a{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center}
.Alldiv a i{ padding-left:5px}
.Alldiv a:hover{ opacity:0.8}
.tabsUl{ margin: 0 auto;width: 490px;    height: 50px;}
.tabsUl li{float: left}
.tabsUl li>a{display: block;color: #444;font-size: 14px; line-height:35px; width:90px; text-align:center; border:5px solid #fff; margin-bottom:-1px}
.tabsUl li:nth-child(2)>a{ border-left:0; border-right:0}
.tabsUl li>a:hover{background:#ededed; color:#333}
.tabulous_active {cursor: default;background:#ededed !important; color:#333!important}
.tabsCon {padding: 20px 0;position: relative;}
.tabsCon>.tadsItem { width:100%; padding-bottom:20px}
.make_transist ,.secStxt{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.hidescale {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
filter: alpha(opacity=0);
opacity: 0;}
.showscale {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;

-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;}



.M_2{ margin:10px 0;}
.M_2 .tempWrap{ width:100%;}
.M_2 .slideTxtBox2 .parBd { width: 100%;margin: 0 auto;}
.M_2 .slideTxtBox2 .parBd .picScroll-left { position: relative; width:100%;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd {height: 50px; /*left: -32px;*/ position: absolute;top:107%; width: 100%; right: 0; z-index: 9; text-align:center;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .smore { background: url(../images/product_bg1.png) center center no-repeat; cursor: pointer;  display:inline-block;  height: 50px;  width: 50px;background-size:auto 100%;margin-left:6px; margin-right:6px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev:hover,.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext:hover {transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sPrev { }
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .sNext { background: url(../images/product_bg2.png) center center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .smore { background: url(../images/product_bg3.png) center center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .prevStop {background-position: -60px 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .hd .nextStop {background-position: -60px -50px;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd {height: auto; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul {height: auto; padding: 0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li { float: left; height: auto; width: 25%;text-align:center; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con{ width:92.7%; margin-left:3.1%; position:relative;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .imgs{ display:block; width:100%; max-height:248px; overflow:hidden;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .imgs img{ width:100%; display:block;-webkit-transition: all 0.8s ease-out;height:255px;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .p{ height:65px; line-height:65px; font-size:14px; color:#333333; overflow:hidden; background-color:#e6e6e6;transition: all 1.6s;padding-left:5px; padding-right:5px; }
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg{ width:100%; height:100%; background:url(../images/i_two_bg.png) top center no-repeat; background-size:100% auto; position:absolute; top:0;transition: all 0.6s; opacity: 0; filter: Alpha(opacity=0); left:0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg .p2{ position:absolute; bottom:0; height:98px; overflow:hidden; border-top:1px solid #0181b0; border-bottom:1px solid #0181b0; background-color:#01a0da;color:#fff; font-size:16px; width:96%;line-height:46px;padding-left:2%; padding-right:2%; left:0;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li .team_con .show_bg .p2 h2{ font-weight:normal; margin-top:3px; height:46px;  overflow:hidden; font-size:14px; background:url(../images/i_two_bg2.png) bottom center no-repeat;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con .p{opacity: 0; filter: Alpha(opacity=0);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con .show_bg{opacity: 1.0; filter: Alpha(opacity=100);}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a{ text-decoration:none; display:block;}
.M_2 .slideTxtBox2 .parBd .picScroll-left .bd ul li a:hover .team_con img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.technology {
    background: url(../Images/green-bg.jpg) no-repeat right bottom;
    padding: 25px 0;
    height: 650px;
}
.technologyShow_left{float:left;width: 230px;border:2px #dedede solid;}
.technologyShow_right{float:right;width: 958px;}


 .index1-list-menu { background:#f2f2f2; padding:10px 20px 30px 20px;}
 .index1-list-menu li { height:37px; line-height:37px; text-align:center; font-size:16px; background:#fff; border:1px solid #ccc; margin-top:25px;}
 .index1-list-menu li a { display:block;}
 .index1-list-menu li a:hover { display:block; background:#12706f; color:#fff; text-decoration:none;}
 .title-box {
   height: 60px;
    line-height: 60px;
    text-align:center;
    font-size: 24px;
    color: #12706f;
}




 .dlsjz .slides li { float: left; width: 300px;margin-left:18px;margin-bottom:18px; }
        .dlsjz .slides li a { display: block; width: 300px; height: 235px; margin: 0 auto; position: relative; overflow: hidden; }
            .dlsjz .slides li a img { width: 100%; height: auto;     max-height: 200px;}
            .dlsjz .slides li a span.bg { display: block; position: absolute; width: 100%;height: 40px;bottom: 0; line-height: 30px; background-color: #12706f; filter: alpha(opacity=70); opacity: .7; }
            .dlsjz .slides li a span.text { display: block; position: absolute; width: 100%; z-index: 2;  height: 40px; line-height: 40px;color: #fff; font-size: 14px; text-align:center; }
                .dlsjz .slides li a span.text strong { display: inline-block; padding-left: 20px; line-height: 30px; }
            .dlsjz .slides li a.cur span.text strong { color: #00a5ec; border-top: #00a5ec solid 3px; font-size: 18px; line-height: 2em; }
            .dlsjz .slides li a span.text p { padding-left: 20px; display: none; }




